<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>尚典新闻页</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/Commonstyle.css" />
		<link rel="stylesheet" href="css/video-js.css" />
		<link rel="stylesheet" href="css/video.css" />
		<script type="text/javascript" src="js/wow.min.js" ></script>
		<script src="js/jquery.js"></script>
    	<script src="js/bootstrap.min.js"></script>
  		<script src="js/video.js"></script>
	</head>
	<body>
		<div class="top">
			<img src="img/logo_03.jpg" class="s wow swing"data-wow-duration="1s" />
			<div class="mc">
				<h1>尚典</h1>
				<p>SHANG DIAN</p>
			</div>
				<input type="checkbox" name="dh" id="dh" />
            <label class="wow bounceInRight menu" data-wow-duration="1s"  for="dh">
                    <span></span>
                    <span></span>
                    <span></span>
            </label>
			<nav class="dh wow bounceIn"  data-wow-duration="1s">
				<li>
					<a href="index.html">首页</a>
					<span><a href="index.html">HOME</a> </span>
				</li>
				<li>
					<a href="zjsd.html">走进尚典</a>
					<span><a href="zjsd.html">HOME</a> </span>
				</li>
				<li>
					<a href="journalism.html">新闻动态</a>
					<span><a href="journalism.html">HOME</a></span>
				</li>
				<li>
					<a>尚典视频</a>
					<span><a href="video.html">HOME</a></span>
				</li>
				<li>
					<a>产品中心</a>
					<span><a href="products.html">HOME</a></span>
				</li>
				<li>
					<a>授权查询</a>
					<span><a href="query.html">HOME</a></span>
				</li>
				<li>
					<a>联系我们</a>
					<span><a href="contactus.html">HOME</a></span>
				</li>
			</nav>
		</div>
		
		<div class="lb wow bounceOut"  data-wow-duration="1s">
			<input type="radio" name="radio" id="img1" checked />
			<input type="radio" name="radio" id="img2" />
			<input type="radio" name="radio" id="img3" />
			<input type="radio" name="radio" id="img4" />
			<img src="img/lb1_02.jpg" class="images1" />
			<img src="img/image1.jpg" class="images2"/>
			<img src="img/image11.jpg" class="images3"/>
			<img src="img/image8.jpg" class="images4"/>
			<div>
			<label for="img1" id="image1"></label>
			<label for="img2" id="image2"></label>
			<label for="img3" id="image3"></label>
			<label for="img4" id="image4"></label>
			</div>
		</div>
		
		<div class="video">
			<p class="wow bounceInRight"data-wow-duration="1s"data-wow-delay="0ms">
				<img src="img/03sddtfz_06.jpg" class="wow bounceInRight"data-wow-duration="1s"data-wow-delay="100ms" />
				视频中心
				<span class="wow bounceInLeft"data-wow-duration="1s"data-wow-delay="200ms">
					当前位置：
					<a href="index.html">首页</a>>
					<a href="video.html">尚典视频</a>
				</span>
			</p>
			
			<div class="container">
                <div class="row">
                	<div class="sp  col-md-12 col-sm-12 col-xs-12">
                		
                		<div class="bor  wow fadeInDown col-md-4 col-sm-6 col-xs-12" style="width: 290px;
	height: 170px;">
                			<img src="img/05syzp_03.jpg" />
                		</div>
  
                		<div class="bor col-md-4 col-sm-6 col-xs-12 wow fadeInDown">
                			<div class="laya-video animated delay-1 animated" style="visibility:  visible; animation-name: fadeInDown;">
		                        <video id="laya_yf_html5_api" class="video-js" controls="controls" poster="img/05sp02_03.jpg" data-setup='{}'>
		                            <source src="video/video.MP4" type="video/mp4">  
		                        </video>
                   			</div>
                   			<div class="zi">
			                        	<h4>为了保持美丽离不开洗发水的使用</h4>
			                        	<span>2016/07/22</span>
		                    </div>
                		</div>
                		
                		<div class="bor col-md-4 col-sm-6 col-xs-12 wow fadeInDown">
                			<div class="laya-video animated delay-1 animated" style="visibility:  visible; animation-name: fadeInDown;">
		                        <video id="laya_yf_html5_api" class="video-js" controls="controls" poster="img/05sp02_03.jpg" data-setup='{}'>
		                            <source src="video/video.MP4" type="video/mp4">  
		                        </video>
                   			</div>
                   			<div class="zi">
			                        	<h4>为了保持美丽离不开洗发水的使用</h4>
			                        	<span>2016/07/22</span>
		                    </div>
                		</div>
                		
                		<div class="bor col-md-4 col-sm-6 col-xs-12 wow fadeInDown">
                			<div class="laya-video animated delay-1 animated" style="visibility:  visible; animation-name: fadeInDown;">
		                        <video id="laya_yf_html5_api" class="video-js" controls="controls" poster="img/05sp02_03.jpg" data-setup='{}'>
		                            <source src="video/video.MP4" type="video/mp4">  
		                        </video>
                   			</div>
                   			<div class="zi">
			                        	<h4>为了保持美丽离不开洗发水的使用</h4>
			                        	<span>2016/07/22</span>
		                    </div>
                		</div>
                		<div class="bor col-md-4 col-sm-6 col-xs-12 wow fadeInDown">
                			<div class="laya-video animated delay-1 animated" style="visibility:  visible; animation-name: fadeInDown;">
		                        <video id="laya_yf_html5_api" class="video-js" controls="controls" poster="img/05sp02_03.jpg" data-setup='{}'>
		                            <source src="video/video.MP4" type="video/mp4">  
		                        </video>
                   			</div>
                   			<div class="zi">
			                        	<h4>为了保持美丽离不开洗发水的使用</h4>
			                        	<span>2016/07/22</span>
		                    </div>
                		</div>
                		<div class="bor col-md-4 col-sm-6 col-xs-12 wow fadeInDown">
                			<div class="laya-video animated delay-1 animated" style="visibility:  visible; animation-name: fadeInDown;">
		                        <video id="laya_yf_html5_api" class="video-js" controls="controls" poster="img/05sp02_03.jpg" data-setup='{}'>
		                            <source src="video/video.MP4" type="video/mp4">  
		                        </video>
                   			</div>
                   			<div class="zi">
			                        	<h4>为了保持美丽离不开洗发水的使用</h4>
			                        	<span>2016/07/22</span>
		                    </div>
                		</div>
                		<div class="bor col-md-4 col-sm-6 col-xs-12 wow fadeInDown">
                			<div class="laya-video animated delay-1 animated" style="visibility:  visible; animation-name: fadeInDown;">
		                        <video id="laya_yf_html5_api" class="video-js" controls="controls" poster="img/05sp02_03.jpg" data-setup='{}'>
		                            <source src="video/video.MP4" type="video/mp4">  
		                        </video>
                   			</div>
                   			<div class="zi">
			                        	<h4>为了保持美丽离不开洗发水的使用</h4>
			                        	<span>2016/07/22</span>
		                    </div>
                		</div>
                		<div class="bor col-md-4 col-sm-6 col-xs-12 wow fadeInDown">
                			<div class="laya-video animated delay-1 animated" style="visibility:  visible; animation-name: fadeInDown;">
		                        <video id="laya_yf_html5_api" class="video-js" controls="controls" poster="img/05sp02_03.jpg" data-setup='{}'>
		                            <source src="video/video.MP4" type="video/mp4">  
		                        </video>
                   			</div>
                   			<div class="zi">
			                        	<h4>为了保持美丽离不开洗发水的使用</h4>
			                        	<span>2016/07/22</span>
		                    </div>
                		</div>
                		<div class="bor col-md-4 col-sm-6 col-xs-12 wow fadeInDown">
                			<div class="laya-video  animated delay-1 animated" style="visibility:  visible; animation-name: fadeInDown;">
		                        <video id="laya_yf_html5_api" class="video-js" controls="controls" poster="img/05sp02_03.jpg" data-setup='{}'>
		                            <source src="video/video.MP4" type="video/mp4">  
		                        </video>
                   			</div>
                   			<div class="zi">
			                        	<h4>为了保持美丽离不开洗发水的使用</h4>
			                        	<span>2016/07/22</span>
		                    </div>
                		</div>
                		
                	</div>
                
                </div>
            </div>
            
            <ul class="fye wow bounceInLeft">
                		<li><</li>
                		<li>1</li>
                		<li>2</li>
                		<li>3</li>
                		<li>...</li>
                		<li>8</li>
                		<li>></li>
            </ul>
			
		</div>
		
		
		
		
		
		
		
		
		
		
		
		<div class="bottom">
			<div class="container">
                <div class="row">
                	<div class="bot-z col-md-2 col-sm-2 col-xs-12">
                		<img src="img/botlogo_03.jpg" class=" wow bounceInLeft"
               					data-wow-duration="1s"data-wow-delay="0ms" />
                		<span class=" wow bounceInLeft"
               					data-wow-duration="1s"data-wow-delay="100ms" >尚  典</span>
                		<img src="img/tiao_09.jpg" />
                	</div>
                	
                	<div class="bot-zh col-md-3 col-sm-4 col-xs-12">
                		<p class=" wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="200ms" >导航 NAVIGATION</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="300ms" >网站首页</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="400ms" >走进尚典</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="500ms" >新闻动态</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="600ms" >尚典视频</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="700ms" >产品中心</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="800ms" >授权查询</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="900ms" >联系我们</p>
                	</div>
                	<div class="bot-y col-md-5 col-sm-5 col-xs-12">
                		<p class=" wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="1000ms" >联系 CONTACT</p>
                		<img src="img/tiao_09.jpg" />
                		<img src="img/tiao_09.jpg" />
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1100ms">地址：广州市海珠区赤岗街道新市头路锦安苑锦豪居C栋502</p>
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1200ms">联系电话：400-1886-1345</p>
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1300ms">邮箱：203841290@qq</p>
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1400ms">香港闻名稍微有限公司版权所有  粤ICP备0754673</p>
                		
                	</div>
                	<div class="bot-m col-md-2 col-sm-2 col-xs-12">
                		<img src="img/bott-m_06.jpg" class=" wow bounceInRight"
               					data-wow-duration="1s"data-wow-delay="1500ms" />
                	</div>
                </div>
            </div>
		</div>
	</body>
</html>
<script>
    //初始化懒加载
    new WOW().init();
</script>